<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="../common/common.jsp" %>
<%
response.setHeader("Pragma","No-cache");//HTTP 1.1
response.setHeader("Cache-Control","no-cache");//HTTP 1.0
response.setHeader("Expires","0");//防止被proxy
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><%=SYSTITLE%> - 填写注册资料</title>
<meta name="Keywords" content="<%=SYSMETAKEY%>" />
<meta name="Description" content="<%=SYSMETADESC%>" />
<%@ include file="../common/meta.inc" %>
<%@ include file="/calendar/calendar.jsp" %>
<STYLE type="text/css" media="screen">
@import url(css/defaultStyle.css);
</STYLE>
<script language="javascript" type="text/javascript" src="scripts/userReg.js"></script>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/scripts/common-validator.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/scripts/prototype.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/scripts/buffalo/buffalo.js"></script>
</head>
<body>
<%@ include file="../common/waiting.inc" %>
<script language="javascript" type="text/javascript" src="template/scripts/topBar.js"></script>
<script language="javascript" type="text/javascript">

setStatus('<%=SYSTITLE%> - 填写注册信息');

var END_POINT="${pageContext.request.contextPath}/buffalo";
var buffalo = new Buffalo(END_POINT);

var opIp="<%=request.getRemoteAddr()%>";
</script>
<DIV class="line"></DIV>
<DIV class="list_table_0">
<%=HtmlConst.navMenu("填写注册信息")%>&nbsp;&nbsp;
</DIV>
<DIV class="line"></DIV>
<form action="user_reg_success.jsp" method="post"  name="theform">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="1" class="tab">
<tr>
	<td width="120" class="tab1">
	<strong>用户名</strong>
	</td>
	<td class="bg2">
	<input name="loginId" type="text" id="loginId" size="30" maxlength="50" />
	<input type="button" name="btnCheckLoginId"  value="检查用户名" class="btn" onclick="checkLoginId();">
	（社区唯一标识注册后不能更改）
	</td>
</tr>
<tr>
	<td class="tab1"><strong>登陆密码</strong></td>
	<td class="bg2">
	  <table width="100%"  border="0" cellpadding="0" cellspacing="0">
        <tr>
        <td width="100"><input onKeyUp="rateUserPass(this)" name="password" type="password" id="password" size="30" maxlength="50" /></td>
        <td width="10"></td><td>
		<TABLE width="200" border=0 cellPadding=0 cellSpacing=0 >
			<TBODY><TR><TD vAlign=top noWrap width=0>
			<A href="#" onclick="return false;">密码强度参考</A> 
			</TD>
			<TD><DIV id="passwdRating">未评级</DIV>
			</TD></TR><TR><TD height=3></TD></TR>
			<TR><TD colSpan=2>
			<TABLE  id="passwdBarDiv" cellSpacing=0 cellPadding=0 width="200"  bgColor="#ffffff" border=0>
			<TBODY><TR>
			<TD id="posBar" width="0%" bgColor="#e0e0e0" height="4"></TD>
			<TD id="negBar" width="100%" bgColor="#e0e0e0"  height="4"></TD>
			</TR></TBODY>
			</TABLE>
			</TD></TR>
		</TBODY></TABLE></td>
    </tr>
    </table>
</td>
</tr>
<tr>
	<td class="tab1"><strong>确认密码</strong></td>
	<td class="bg2">
	<input name="password2" type="password" id=""password2"" size="30" maxlength="50" />（同上）
	</td>
</tr>
<tr>
	<td width="120" class="tab1"><strong>用户昵称</strong></td>
	<td class="bg2"><input name="userName" type="text" id="userName" size="30" maxlength="50" />&nbsp;<span class="asterisk">*</span></td>
</tr>
<tr>
	<td class="tab1"><strong>性别</strong></td>
	<td class="bg2">
	<input name="sex" type="radio" value="M" />男
	&nbsp;&nbsp;
	<input type="radio" name="sex" value="F" />女
	&nbsp;&nbsp;
	<input type="radio" name="sex" value="O" checked/>保密
	</td>
</tr>
<tr>
	<td class="tab1"><strong>电子邮件(Email)</strong></td>
	<td class="bg2"><input name="email" type="text" id="email" size="30" maxlength="50" onblur="checkEmail(0,this);" />&nbsp;<span class="asterisk">*</span><div id="checkEmail" class="warning" ></div>
	</td>
</tr>
<tr>
<td class="tab1"><strong>邮件是否公开</strong></td>
	<td class="bg2">
	<select name="emailOpenFlag" id="emailOpenFlag">	
		<option value="0" >社区内公开</option>
		<option value="1" >仅对好友公开</option>
		<option value="2" >完全保密</option>
	</select>
	</td>
</tr>
<tr>
<td class="tab1"><strong>密码提示问题</strong></td>
<td class="bg2">
<input name="passQuestion" type="text" id="passQuestion" size="30" maxlength="50" value=""/>
（例如：你是谁？） (忘记密码时使用此功能找回密码)<br />
只能提交一次，以后不能更改</td>
</tr>
<tr>
	<td class="tab1">
	<strong>密码提示答案</strong>
	</td>
	<td class="bg2">
	<input name="passAnswer" type="text" id="passAnswer" size="30" maxlength="50"  value=""/>
	（例如：我是小宝） (忘记密码时使用此功能找回密码)<br />
	只能提交一次，以后不能更改
	</td>
</tr>
<tr>
	<td class="tab1"><strong>个人签名</strong></td>
	<td class="bg2">
	<textarea name="personalSign" cols="50" rows="5" id="personalSign"></textarea><br />发帖可跟随在帖子底部
	</td>
</tr>
<tr>
	<td class="tab1"><strong>自我介绍</strong></td>
	<td class="bg2">
	<textarea name="personalIntro" cols="50" rows="5" id="personalIntro"></textarea><br />让朋友们更加了解你
	</td>
</tr>
<tr>
	<td class="tab1">&nbsp;</td>
	<td height="30" class="bg2">
	<input id="checkExtra" name="checkExtra" type=checkbox value="1" onclick="showExtra(this);">
	<span id=divTxt>高级设置选项</span>	
	<input type="button" name="btnSubmit" value="注册" class="btn" onclick="doSubmit();">
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="button" name="btnBack" value="取消" class="btn" onClick="javascript:history.back();"/>
	</td>
</tr>
</table>
<div id="extraProp" style="display:none">
	<table width="100%" border="0" align="center" cellpadding="4" cellspacing="1" class="tab">
	<tr>
		<td width="120" class="tab1"><strong>真实姓名</strong></td>
		<td class="bg2"><input name="trueName" type="text" id="trueName" size="30" maxlength="50" /></td>
	</tr>
	<tr>
		<td class="tab1"><strong>生日</strong></td>
		<td class="bg2"><input type="text" name="birthday" id="birthday">
	                    <img id="calButton" src="<c:url value="/calendar/skins/aqua/cal.gif"/>" border="0" alt="选择日期" style="cursor: pointer;">
	                    <script type="text/javascript">
	                        new calendar("birthday", "calButton", "%Y-%m-%d");
	                    </script>
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>手机号</strong></td>
		<td class="bg2">
		<input name="mobile" type="text" id="mobile" size="15" maxlength="16" />
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>联系电话</strong></td>
		<td class="bg2">
		<input name="telephone" type="text" id="telephone" size="15" maxlength="16" />
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>联系地址</strong></td>
		<td class="bg2">
		<input name="address" type="text" id="address" size="15" maxlength="16" />&nbsp;
		<strong>邮编</strong>&nbsp;<input name="postNo" type="text" id="postNo" size="6" maxlength="6" />
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>QQ</strong></td>
		<td class="bg2"><input name="qq" type="text" id="qq"  size="20" maxlength="50" /></td>
	</tr>
	<tr>
		<td class="tab1"><strong>MSN</strong></td>
		<td class="bg2"><input name="msn" type="text" id="msn"  size="20" maxlength="100" /></td>
	</tr>
	
	<tr>
		<td class="tab1"><strong>个人主页</strong></td>
		<td class="bg2"><input name="personalWeb" type="text" id="personalWeb" size="30" maxlength="200" /></td>
	</tr>
	<tr>
		<td class="tab1"><strong>所在地区</strong></td>
		<td colspan="2" class="bg2">
		<input  name="area" type="text" id="area" size="15" maxlength="50" />
		<select name="areaId" id="areaId" onchange="changeAreaName(this);">				
			<%=Arguments.getProvinceOptions(0) %>
		</select>
		<div id="cityOptions" class="warning" style="display:none">
		<select name="cities" id="cities" onchange="changeCity(this);">
			<option value="" >请选择</option>
		</select>
		</div>
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>所在城市</strong></td>
		<td class="bg2">
		<input name="city" type="text" id="city" size="15" maxlength="50" />	
		</td>
	</tr>
	<tr>
		<td class="tab1"><strong>职业</strong></td>
		<td class="bg2">
		<input name="job" type="text" id="job" size="15" maxlength="16" />
		</td>
	</tr>
	</table>
</div>
</form>
<%=COPYRIGHTFOOT%>
<%@ include file="../common/foot.inc"%>
</body>
</html>
